<template>
    <div id="tmpl">
        <mt-swipe :auto='2000'>

            <mt-swipe-item v-for="item in imgs">
                <img :src='item.img'>
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>

<script type="text/ecmascript-6">
export default {
    props:['imgs'],
    data() {
        return {

        }

    },
    methods: {

    }
}
</script>

<style scoped >
.mint-swipe {
    height: 300px;
}

.mint-swipe-item {
    background-color: red;
    width: 100%;
    height: 300px;
}

.mint-swipe-item img {
    width: 100%;
    height: 100%
}

</style>
